<template>
  <div class="home">
    <home-top-banner :BannerData="HomeTopBannerData"></home-top-banner>
    <home-main-banner
      :titleData="HomeMainBannerTitleData"
      :swiperData="HomeMainBannerSwiperData"
    ></home-main-banner>
    <home-main-first :introducesData="HomeMainFirstData"></home-main-first>
    <home-main-second :introducesData="HomeMainSecondData"></home-main-second>
    <home-main-third :advantagesData="HomeMainThirdData"></home-main-third>
    <home-bottom-banner></home-bottom-banner>
  </div>
</template>

<script>
import HomeTopBanner from "../components/Home/HomeTopBanner";
import HomeMainBanner from "../components/Home/HomeMainBanner";
import HomeMainFirst from "../components/Home/HomeMainFirst";
import HomeMainSecond from "../components/Home/HomeMainSecond";
import HomeMainThird from "../components/Home/HomeMainThird";
import HomeBottomBanner from "../components/Home/HomeBottomBanner";

export default {
  name: "Home",
  components: {
    HomeTopBanner,
    HomeMainBanner,
    HomeMainFirst,
    HomeMainSecond,
    HomeMainThird,
    HomeBottomBanner,
  },
  data() {
    return {
      HomeTopBannerData: [
        {
          imgUrl: require("../assets/images/home/TopBanner/01.jpg"),
        },
        {
          imgUrl: require("../assets/images/home/TopBanner/02.jpg"),
        },
        {
          imgUrl: require("../assets/images/home/TopBanner/03.jpg"),
        },
        {
          imgUrl: require("../assets/images/home/TopBanner/04.jpg"),
        },
        {
          imgUrl: require("../assets/images/home/TopBanner/05.jpg"),
        },
      ],
      HomeMainBannerTitleData: {
        greenTitle: "多平台",
        Title: "展示",
        smallSpan: "提供全线的可视化，帮助你随时随地观察",
      },
      HomeMainBannerSwiperData: [
        {
          key: "0",
          title: "IOS",
          imgUrl: require("../assets/images/home/MainBanner/IOS.jpg"),
        },
        {
          key: "1",
          title: "PC",
          imgUrl: require("../assets/images/home/MainBanner/PC.jpg"),
        },
        {
          key: "2",
          title: "VR",
          imgUrl: require("../assets/images/home/MainBanner/VR.jpg"),
        },
        {
          key: "3",
          title: "平板",
          imgUrl: require("../assets/images/home/MainBanner/平板.jpg"),
        },
        {
          key: "4",
          title: "手机",
          imgUrl: require("../assets/images/home/MainBanner/手机.jpg"),
        },
      ],
      HomeMainFirstData: {
        title: "智慧农业，科学生产",
        introduceData: [
          {
            icon: "el-icon-s-management",
            title: "智能管理",
            introduce:
              "以物联网和互联网为支撑，以优质的云服务平台为保障，帮助企业实现智能化管理",
          },
          {
            icon: "el-icon-s-operation",
            title: "精准控制",
            introduce:
              "以量化管理为基础，不断改进，简化操作，建立标准化流程，不断强化信息支撑",
          },
          {
            icon: "el-icon-s-order",
            title: "全面分析",
            introduce:
              "综合气象、环境、作物生产周期等因素，进行全方位的分析应用，全面指导企业生产管理",
          },
          {
            icon: "el-icon-s-data",
            title: "降本增效",
            introduce:
              "管理信息化，流程标准化，降低企业成本，标准化流程提高工作效率和产能效能",
          },
        ],
      },
      HomeMainSecondData: {
        title: "数据应用，智慧决策",
        introduceData: [
          {
            imgUrl: require("../assets/images/home/MainSecond/智慧感知1.png"),
            title: "智慧感知",
            content:
              "通过对作物状态、生长环境、设备能耗及资源可用性等数据的实时收集和监控，利用大数据模型及算法，建立智慧感知系统，提高企业风险防范能力",
          },
          {
            imgUrl: require("../assets/images/home/MainSecond/industry.png"),
            title: "生产指导",
            content:
              "通过信息采集、数据分析，结合作物生长周期、生长环境、作物当前状态、存在的问题等众多因素进行数据分析并呈现，为企业的生产管理提供精确的指导帮助",
          },
          {
            imgUrl: require("../assets/images/home/MainSecond/经营分析1.png"),
            title: "经营分析",
            content:
              "通过对数据的采集录入，进行生产->存储->包装->销售->物流状态的全方位把控并生成市场报告及改进建议，协助企业改进提升现有农产品营销策略",
          },
        ],
      },
      HomeMainThirdData: {
        beforeTitle: "物联农业",
        greenTitle: "可视化",
        afterTitle: "的特点和优势",
        content:
          "物联网农业可视化可以由多个系统结合实现，由土壤湿度、温度、光照等传感器是实现物联网农业可视化的基础，通过传感器数据采集，实现对农业环境的实时监测和数据收集。将传感器数据进行处理和分析的核心系统，通过数据挖掘、机器学习等技术，提取有价值的农业信息，并生成可视化。远程控制各种农业设施，如灌溉系统、温室、养殖场等，实现精准的农业管理和资源调配。移动终端和云平台是物联网农业可视化的用户界面，进行决策和控制。实现物联网农业可视化的基础，包括无线传感器网络、云计算、大数据、人工智能等技术，为农民提供了更好的农业管理和决策支持工具。",
        advantageData: [
          {
            topTitle: "传感器网络系统",
            topImgUrl: require("../assets/images/home/MainThird/实时预警.png"),
            bottomTitle: "视频监控系统",
            bottomImgUrl: require("../assets/images/home/MainThird/数字化.png"),
          },
          {
            topTitle: "数据处理和分析系统",
            topImgUrl: require("../assets/images/home/MainThird/数据分析.png"),
            bottomTitle: "视频监控系统",
            bottomImgUrl: require("../assets/images/home/MainThird/数据集成自动化.png"),
          },
          {
            topTitle: "控制系统",
            topImgUrl: require("../assets/images/home/MainThird/环境监控.png"),
            bottomTitle: "视频监控系统",
            bottomImgUrl: require("../assets/images/home/MainThird/直观可视化.png"),
          },
          {
            topTitle: "移动终端和云平台",
            topImgUrl: require("../assets/images/home/MainThird/视频监控.png"),
            bottomTitle: "视频监控系统",
            bottomImgUrl: require("../assets/images/home/MainThird/设备管理.png"),
          },
          {
            topTitle: "物联网技术",
            topImgUrl: require("../assets/images/home/MainThird/资产配置.png"),
            bottomTitle: "视频监控系统",
            bottomImgUrl: require("../assets/images/home/MainThird/高效化.png"),
          },
        ],
      },
    };
  },
};
</script>

<style lang="less" scoped></style>
